// 判断用户是否登录--判断cookie中会否存在username的值
$(function(){
  // 获取cookie的username，如果cookie中的username有值，则表示用户已经登录，否则未登录
  var username = getCookie('username');
  var login = document.querySelector('.login');
  if(username){
    // 用户已经登录，在顶部导航栏，显示用户的信息，及显示退出按钮
    var str = `<li><a>欢迎<span>${username}</span></a>
    <li><a href="./cart.html">购物车</a></li></li>
    <li><a href="javascript:;" class="logout">退出</a></li>`;
    login.innerHTML = str;
    
    
    // 退出功能,点击退出
    var logout = document.querySelector('.logout');    
    logout.onclick = function(){
      // 使用layer的confirm弹出层，展示 确定 和 取消 的选项
      layer.confirm('你确定要退出吗？',{ btn:['确定','取消'] },
        // 第一个 确定 按钮点击触发的函数
        function(){
          // 删除cookie，退出登录状态
          delCookie('username');
          delCookie('rememberusername');
          login.innerHTML = `<li><a href="login.html">登陆</a></li>
          <li><a href="register.html">注册</a></li>`;
          layer.msg('退出成功',{icon:1,time:500});
          location.reload();
        },
        // 第二个 取消 按钮 点击触发的函数
        function(){
          layer.msg('已取消',{icon:1,time:500})
          return false;
        }
      )
    }
  }
})
$('.login a:first').click(function(){
  var username = getCookie('username');
  var login = document.querySelector('.login');
  if(!username){
    sessionStorage.setItem('url', location.href);
    layer.msg('请先登录', { time: 1000 }, () => { location.href = './login.html' });
    return false;

  }
})